$(function () {
	$.hover('.city_b', '.location', '.city_menu', '送至：北京∧','送至：北京∨');
	$.hover('.myJD', '.myJD_a', '.info', '我的京东∧', '我的京东∨');
	$.hover('.mobileJD', '.mobileJD_a', '.info_2', '手机京东∧', '手机京东∨');
	$.hover('.concern', '.concern_a', '.info_3', '关注京东∧', '关注京东∨');
	$.hover('.custom', '.custom_a', '.info_4', '客户服务∧', '客户服务∨');

	// 顶部AD漂浮层
	$('.close').click(function () {
		$('.top_float').remove();
	});

	// 购物车
	$('.shopping_car').hover(function () {
		$('.inner').toggle();
		tabClass('.shopping_car', 'shopping_act');
	});

	// 侧边栏导航(样式是加在行间样式，所以要通过addClass似乎行不通。而且发现，当你不加add('.nav_content')时，行为简直怪异到让你哭)
	function showhide(a, b) {
		$(a).add(b).hover(
			function () {
				$(b).show();
			},
			function () {
				$(b).hide();
			}
		);
	}
	showhide('.aside_menu dd:odd', '#list1');
	showhide('.aside_menu dd:even', '#list2');
	
		

	// banner图片切换函数
	(function () {
		var timer = null;
		var iNow = 1;
		function tabFn() {
			iNow ++;
			if (iNow == 7) iNow = 1;
			tabAct();
		};
		function tabAct() {
			$('#tabImg').attr('src', 'img/banner_img/'+ iNow +'.jpg');
			$('.tab li').css('backgroundColor', '#3e3e3e').eq(iNow - 1).css('backgroundColor', '#b61b1f');
		};

		$('.tab').hover(function () {
			$('.tab span').show();
			clearInterval(timer);
		},function () {
			$('.tab span').hide();
			timer = setInterval(tabFn, 3000);
		});

		timer = setInterval(tabFn, 3000);
		$('.tab li').eq(iNow - 1).css('backgroundColor', '#b61b1f');

		$('.tab .next').click( tabFn );

		$('.tab .prev').click(function () {
			iNow --;

			if (iNow == 0) iNow = 6;

			tabAct();
		});

		$('.btn_list li').click(function () {
			iNow = $(this).index() + 1;
			tabAct();
		});
	}) ();

	// 滚动图切换
	(function () {
		var n = 0;
		var stop = true;
		var oUl = $('.ad_box .block_ad').get(0);

		$('.sm_banner').hover(function () {
			$('.sm_banner .btn').toggle();
		});

		$('.ad_box .prev').click(function () {
			if ( !stop ) return;
			stop = false;
			if (n == -2000) {
				n = 0;
				oUl.style.left = n;
			};
			n = n - 1000;
			doMove(oUl, -30, n, function () {
				stop = true;
			});
		});

		$('.ad_box .next').click(function () {
			if ( !stop ) return;
			stop = false;
			if ( n == 0 ) {
				n = -2000;
				oUl.style.left = n + 'px';
			}
			n = n + 1000;
			doMove(oUl, 30, n, function () {
				stop = true;
			});
		});

	})();
	// 猜你喜欢
	(function (){
		var n1 = 0; 
		var n2 = 0;
		$('.guess .re').click(function () {
			n2 ++;
			if (n2 == 3) n2 = 0;
			$('.find_right li img').each(function (i, a) {
				n1 = i + 5*n2 + 1;
				$(a).attr('src', 'img/find_like/'+ n1 +'.jpg');
			});
		});
	})();
	
	// 品质生活

	// 服装鞋包--导航移入效果
	$('li.short').mouseover(function () {
		$('.cloth_t li').removeClass('_long _short');
		$(this).addClass('_short');
	});

	$('li.long').mouseover(function () {
		$('.cloth_t li').removeClass('_long _short');
		$(this).addClass('_long');
	});

	// 服装鞋包--中间图切换
	(function () {
		var n = 1;
		var timer = null;

		function tab(){
			$('.u2 .clothTab img').attr('src', 'img/clothes_shoes/list2/tab/'+ n +'.jpg');
			$('.cloth .sel span').removeClass('circle_act').eq( n-1 ).addClass('circle_act');
		};


		$('.cloth .clothTab').add('.cloth .btn').hover(function(){
			$('.cloth .btn').toggle();
		});

		$('.cloth .next').click(function () {
			n ++;
			tab();
			if (n == 4) n = 0;
		});

		$('.cloth .prev').click(function () {
			n --;
			if (n == 0) n = 4;
			tab();
		});
	})();

})

// 顶部nav移入函数
$.extend({
	"hover" : function (parent, obj, info, text1, text2) {
			$(parent).on('mouseover', function () {
			$(obj).addClass('hover').text( text1 );
			$(info).css('display', 'block');
		}).on('mouseout', function () {
			$(obj).removeClass('hover').text( text2 );
			$(info).css('display', 'none');
		})
	}
})

// ad滚动切换
function doMove(obj, iSpeed, target, callback) {
	clearInterval(obj.timer);

	obj.timer = setInterval(function () {
		var pos = obj.offsetLeft + iSpeed;

		if ( pos > target && iSpeed > 0 || pos < target && iSpeed < 0) {
			obj.style.left = target + 'px';
			clearInterval(obj.timer);
			callback && callback();
		}else {
			obj.style.left = pos + 'px';
		};
	},30);
};

// 添加class及清除class
function tabClass(obj, className) {
	$(obj).on({
		'mouseover' : function () {
			$(this).addClass(className);
		},
		'mouseout' : function () {
			$(this).removeClass(className)
		}
	});
};


